<!-- 居民客户供用电协议 -->
<template>
  <uni-card :is-shadow="false" margin="0" class="pb140">
    <uni-title type="h2" title="居民客户供用电协议" align="center"></uni-title>
    <uni-title class="h5" type="h5" color="red"
      title="为明确电力供应与使用中，保山工贸园区配售电有限公司（以下简称“供电方”）和低压居民用电客户（以下简称“用电方”）的权利和义务，维护正常的供用电秩序，根据《中华人民共和国民法典》、《中华人民共和国电力法》、《电力供应与使用条例》、《供电营业规则》和有关规定制定如下用电条款，以供双方共同遵守："></uni-title>

    <uni-title class="h5" type="h5" color="#666" title="1.在电力系统正常运行和用电方依法用电的情况下，供电方应向用电方连续供电。因电力运行事故引起用电方家用电器损坏的，供电方按《居民用户家用电器损坏处理办法》进行处理。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="2.在电力系统正常状况及用电方用电功率因数符合要求且其负荷对供电质量的干扰和影响符合国家标准的前提下，供电方按《供电营业规则》所规定的电能质量标准向用电方供电。但为了保障电力系统的运行安全，供电方可以依法中止供电。"></uni-title>
    <uni-title class="h5" type="h5" color="#666"
      title="3.供、受电设施以低压计量装置为产权分界点，分界点电源侧产权属供电方，负荷侧产权属用电方。供用电双方按产权归属各自负责其供、受电设施的维护、日常管理和安全工作，并承担有关法律责任。但安装在用电方处的用电计量装置产权属供电方，用电方应妥善保管，并采取合适的措施防止外力和第三人破坏。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="4.用电方的用电、受电设施应委托有资质的施工单位进行安装，并符合有关安全、技术标准和电网运行规程，否则由此引起的所有安全责任由用电方承担。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="5.因用电方用电、受电设施不符合有关技术、安全标准或维护管理不当引起事故，给供电方或第三方造成损害的，用电方应承担法律责任。"></uni-title>
    <uni-title class="h5" type="h5" color="#666"
      title="6.供电方按国家规定装设、更换用电计量装置，该装置安装在用电方，其记录作为结算电费的依据。用电方应妥善保护用电计量装置，发现计量装置异常时，应及时报告供电方，因用电方责任致使用电计量装置出现故障或丢失的，用电方应负责维修、更换或赔偿。用电方有权要求对计量装置进行校验，但如果校验合格，由用电方承担校验费用。供电方装设、更换用电计量装置或抄录电量时，用电方应予以配合并提供方便。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="7.供电方依据用电计量装置的记录和有管理权的物价主管部门批准的电价，向用电方定期计收电费及随电量征收的有关费用。如遇电价或其他收费标准调整时，按调价文件规定执行。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="8.用电方应按照规定的期限和方式交纳电费和其他合法费用。用电方逾期交纳电费，应承担违约责任。电费违约金自逾期之日起，每日按欠费总额的千分之一计算。经供电方催交，用电方仍未付清电费的，供电方可依法按规定的程序对用电方中止供电。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="9.用电方违约用电或存在危害供、用电安全，扰乱供、用电秩序的行为，供电方有权予以制止。用电方除补交有关费用外，还应按国家有关规定承担违约使用电费。补交费用和违约使用电费按《供电营业规则》第一百条的有关规定计算。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="10.用电方窃电，除补交电费外，还应承担三倍的违约使用电费。窃电量按供电营业规则第一百零三条的有关规定计算。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="11.用电方未经供电方同意，私自转供电、私自改变用电性质、私自引入其他电源，以及私自迁址、更动用电计量装置等均属违约用电，供电方将按《供电营业规则》有关规定予以处理。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="12.为保障电网安全和制止违法用电行为，供电方有权依法进行用电检查工作。用电方应积极予以配合，不得阻挠、拖延或拒绝。"></uni-title>
    <uni-title class="h5" type="h5" color="#666"
      title="13.依据本协议或有关法律规定，供电方需事先向用电方发出的相关信息（包括停电通知），供电方可选择本受理书正页用电方提供的任何一种方式（包括传真、通知、电话通知、手机短信、邮寄地址、公告）向用电方进行通知。用电方应保证所提供的联系方式畅通，如所提供的联系方式变更，应及时通知供电方，否则，由此而引起的一切责任由用电方自行承担。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="14.用电方因买卖、出租、分立、合并、承包经营、租赁经营等而在同一用电地址变更用电人的，应当向供电方办理变更用电手续、清偿拖欠的电费或落实经供电方认可同意的债务承担者。否则，供电方可以拒绝向该用电地址的用电地域范围内供电。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="15.供用电双方因履行本协议发生争议时，应协商解决，协商不成，可提交电力管理部门调解，调解不成的，任何一方可依法向有管辖权的人民法院提起诉讼。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="16.客户用电地址现场具备供电条件时，本协议书方可生效。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="17.本协议书一式贰份，供用电双方各执一份。"></uni-title><uni-title class="h5" type="h5" color="#666"
      title="18.本协议书未尽事宜，按《中华人民共和国民法典》、《中华人民共和国电力法》、《电力供应与使用条例》、《供电营业规则》和有关法律法规、国家规程、标准执行。本协议的有关条款因国家法律、法规、规章修改或政策调整而不适用时，按新的法律、法规、规章和政策的规定执行。"></uni-title>
    <uni-title class="h5" type="h5" color="#666" title="19.本协议书自用电方签字后生效。有效期为3年。本合同期满后，若供用电双方无异议，本合同自动展期年，展期不受次数限制。"></uni-title>
    <uni-title class="h5" type="h5" color="red" title="★用电方声明：用电方已详细阅读和理解本协议条款(包括协议中加粗体条款部分)，并与供电方已就全部条款达成一致意见。"></uni-title>


  </uni-card>
  <view class="button-submit">
    <uni-row :gutter="20">
      <uni-col :span="12">
        <button type="primary" @click="doAgreed(true)">
          <texe>同意</texe>
          <texe v-if="time>0">（{{time}}秒)</texe>
        </button>
      </uni-col>
      <uni-col :span="12">
        <button type="warn" @click="doAgreed(false)">不同意</button>
      </uni-col>
    </uni-row>
  </view>

</template>

<script lang="ts" setup>
  import { ref, onBeforeMount, onBeforeUnmount } from "vue"
  let timer = null
  const time = ref(0)
  onBeforeMount(() => {
    startTimer(3)
  })
  const emit = defineEmits(['agreementConfirm', 'agreementCancel'])
  const doAgreed = function (value : boolean) {
    if (value) {
      if (time.value > 1) {
        uni.showToast({ icon: "none", title: "请先预读协议" })
        return
      } else {
        emit('agreementConfirm')
      }
    } else {
      emit('agreementCancel')
    }
  }
  onBeforeUnmount(() => {
    closeTimer()
  })

  // 开启定时器
  const startTimer = (currentTime : number) => {
    timer && clearInterval(timer)
    time.value = currentTime
    timer = setInterval(() => {
      time.value--
      console.log(time.value)
      if (time.value < 1) {
        timer && clearInterval(timer)
      }
    }, 1000)
  }
  // 关闭定时器 例如跳转页面，或者新的点击事件需要关闭定时器
  const closeTimer = () => {
    timer && clearInterval(timer)
    timer = null;
  }
</script>

<style>

</style>